<template>
  <div class="modal fade modal-order-confirm" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">返回</button>
          <h4 class="modal-title">信息确认</h4>
        </div>
        <div class="modal-body">
          <h3><i class="et_iconfont">&#xe60c;</i>&nbsp;付款信息</h3>
          <div class="Rd-model-form">
            <div class="hold20"></div>
            <div class="hold20"></div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">学校名称</label>
              <p class="col-sm-9 control-label text-primary list">University of California,Santa Cruz
                <br>加州大学圣克鲁兹分校</p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right text-right">到账金额</label>
              <p class="col-sm-9 control-label text-primary list confirm_cost"><span class="text-danger"><var class="curAb">USD</var> <var class="var"></var> ( <var class="cur">美元</var>·<var class="var"></var> )</span></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group Rd-confirm_bankExtraCost">
              <label class="col-sm-3 control-label text-right">足额到账服务</label>
              <p class="col-sm-9 control-label text-primary list confirm_bankExtraCost">使用<span class="text-danger">（ <var class="curAb">USD</var> <var class="var"></var> ）</span></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group Rd-confirm_schoolExtraCost">
              <label class="col-sm-3 control-label text-right">学校附加费</label>
              <p class="col-sm-9 control-label text-primary list confirm_schoolExtraCost">附加<span class="text-danger">（ <var class="curAb">USD</var> <var class="var"></var> ）</span></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">付款用途</label>
              <p class="col-sm-9 control-label text-primary list confirm_feeType"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">Payment Reference</label>
              <p class="col-sm-9 control-label text-primary list confirm_feeType"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
          </div>
          <div class="row hold30 Rd-holdWhite"></div>
          <h3><i class="et_iconfont">&#xe666;</i>&nbsp;专属福利</h3>
          <div class="Rd-model-form">
            <div class="hold20"></div>
            <div class="hold20"></div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">优惠码</label>
              <p class="col-sm-9 control-label text-primary list confirm_promoCode"><var class="var">正在核实……</var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">积分抵现</label>
              <p class="col-sm-9 control-label text-primary list confirm_points"><var class="var"></var>积分<span class="text-success">（ RMB <var class="var"></var> ）</span></p>
              <div class="hold20 clearfix"></div>
            </div>
          </div>
          <div class="row hold30 Rd-holdWhite"></div>
          <h3><i class="et_iconfont">&#xe618;</i>&nbsp;学生信息</h3>
          <div class="Rd-model-form">
            <div class="hold20"></div>
            <div class="hold20"></div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">中文姓名</label>
              <p class="col-sm-9 control-label text-primary list confirm_student_name_ch"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">英文姓名</label>
              <p class="col-sm-9 control-label text-primary list confirm_student_name_en"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">中国身份证号码</label>
              <p class="col-sm-9 control-label text-primary list confirm_student_citizenId"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">地址</label>
              <p class="col-sm-9 control-label text-primary list confirm_payer_address"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">学号</label>
              <p class="col-sm-9 control-label text-primary list confirm_student_id"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">Customer reference number</label>
              <p class="col-sm-9 control-label text-primary list confirm_customer_reference_number"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
          </div>
          <div class="row hold30 Rd-holdWhite"></div>
          <h3><i class="et_iconfont">&#xe62f;</i>&nbsp;付款人信息</h3>
          <div class="Rd-model-form">
            <div class="hold20"></div>
            <div class="hold20"></div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">中文姓名</label>
              <p class="col-sm-9 control-label text-primary list confirm_payer_name_ch"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">手机号</label>
              <p class="col-sm-9 control-label text-primary list confirm_payer_phone"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label text-right">电子邮箱</label>
              <p class="col-sm-9 control-label text-primary list confirm_payer_email"><var class="var"></var></p>
              <div class="hold20 clearfix"></div>
            </div>
          </div>
          <div class="row hold30 Rd-holdWhite"></div>
          <div class="text-center">
            <a type="button" class="btn btn-default btn-lg" data-dismiss="modal">&nbsp;返回修改&nbsp;</a>&nbsp;&nbsp;
            <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal" id="finalSubmit">&nbsp;确认提交&nbsp;</a>
          </div>
          <div class="row hold30 Rd-holdWhite"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "OrderConfirm"
};
</script>

<style>
</style>